<html>
<body>
<table width="100%" height="8%"style="background-color:white">
<tr>
<td>
<b style="color:turquoise;font-size:50px">affinity</b>
</td>
<td>
<p style="text-align:right;color:lime;padding-right:10">Login:<input type="button" value="sign up"style="background-color:lime;padding-bottom:5;padding-top:5"/></p>
</td>
</tr>
</table>
<table width="100%" height="20%"style="background-color:white">
<tr>
<td>
<head>
<link href="3css.css" rel="stylesheet" type="text/css"/>
</head>
<div id='cssmenu'>
<ul>
   <li class='active'><a href='home.php'><span>Home</span></a></li>
   <li><a href='albums.php'><span>Albums</span></a></li>
   <li><a href='blogs.php'><span>Blogs</span></a></li>
   <li><a href='classified.php'><span>Classified</span></a></li>
   <li class='last'><a href="more.php"><span>More</span></a></li>
</ul>
</div>
</td>
</tr>
</table>
<table width="100%" height="70%">
<head>
<style type="text/css">
.img
{
background:url(1.jpg);
background-repeat:no-repeat;
background-size:100%;
}
</style>
</head>
<body class="img">
<a href="">
<table>
<tr>
<td><pre style="font-size:40;color:white">   Connect with people like you         </pre>
<pre style="font-size:25;color:white">     Discover new connection every day!   </pre>
<ol><input type="button" value="member login" style="background-color:transparent;color:white;font-size:25;padding-right:20;padding-left:20;padding-top:10;padding-bottom:10"/></ol>
</td>
<td>
<form style="border:1px solid white">
<p style="color:white">
<legend style="font-size:40">create account</legend>
Email address:</br><input type="text" name="email address"/></br>
Password:</br><input type="password" name="password"/></br>
Password Again:</br><input type="password" name="password"/></br>
Profile address:</br><input type="text" name="address"/></br>
Timezone:</br>
<select>
<option>India</option>
<option>Srilanka</option>
<option>Kathmandu</option>
<option>Central amirica</option>
<option>W.Africa</option>
</select></br>
Language:</br>
<select>
<option>English</option>
<option>Hindi</option>
<option>Kannada</option>
<option>Tamil</option>
</select></br>
<input type="checkbox" name="checkbox"/>I have read and agree to the terms of survice</br>
<input type="button" value="continue" style="background-color:lime;color:white;font-size:20;padding-left:20;padding-right:20;padding-top:10;padding-bottom:10"/>
</p>
</form>
</td>
</tr>
</table>
</a>
</body>
</table>
<table width="100%" height="40%"style="background-color:black;padding-bottom:255px;padding-left:48px">
<tr>
<td>
<div style="position:absolute">
<img src="3.jpg"/>
</div>
<div style="position:absolute;padding-left:183px">
<img src="5.jpg"/>
</div>
<div style="position:absolute;padding-left:366px">
<img src="17.jpg"/>
</div>
<div style="position:absolute;padding-left:549px">
<img src="9.jpg"/>
</div>
<div style="position:absolute;padding-left:732px">
<img src="8.jpg"/>
</div>
<div style="position:absolute;padding-left:915px">
<img src="12.jpg"/>
</div>
<div style="position:absolute;padding-left:1098px">
<img src="13.jpg"/>
</div>
</td>
</tr>
</table>
<table width="100%" height="10%" style="background-color:black">
<tr>
<td>
<head>
<style type"text/css">
a:hover
{
background-color:green;
font-size:20px;
color:white;
}
</style>
</head>
<a href="">popular member</a>
<a href="">newest member</a>
<a href="">man</a>
<a href="">woman</a>
</td>
</tr>
</table>
</body>
</html>